<template>
	<div class="basicMsg" >
		<ul>
			<li>培训名称<span>安全培训</span></li>
			<li>培训类型<span>安全类</span></li>
			<li>培训时间<span>2018-09-09</span></li>
			<li>培训单位<span>xx单位</span></li>
			<li>培训学时<span>24h</span></li>
			<li>成绩<span class="color1">90分</span></li>
			<li>是否合格<span class="color1">合格</span></li>
		</ul>
    <myMenu></myMenu>
	</div>
</template>
<script type="text/javascript">
	import { Tab, TabItem } from 'vux'
  import myMenu from '@/commonComponents/menu'


  export default {
		components: {
		    Tab,
		    TabItem,
      myMenu
		},
		data(){
			return{

			}
		},
		methods:{
		}
	}
</script>
<style lang="less" scoped>
@import '~vux/src/styles/1px.less';
@import '~vux/src/styles/center.less';
.basicMsg{
	> ul{
		li{
			line-height:55px;
			border-bottom: 1px solid #f0f0f2;
			margin-left: 20px;
			padding-right:20px;
			font-size: 12px;
			color: #323232;
			font-weight: bold;
			span{
				font-weight: 100;
				float:right;
				color:#6a6a6a ;
			}
			.color1{
				color:#11bd81;
			}
			.color2{
				color:#fe0000;
			}
		}
	}
}
</style>
